<template>
  <div style="height: 100%">
<!--  顶部导航栏  -->
<!--    <top_bar></top_bar>-->
<!--  侧边导航栏  -->
<!--    <sidebar></sidebar>-->
<!--  主要内容  -->
    <div class="flex-container">
      <div>
        <top_bar></top_bar>
      </div>
      <div class="container">
        <div class="navigation_bar-container" style="height: 100% ;width: 16%">
          <sidebar></sidebar>
        </div>
        <router-view></router-view>
      </div>
    </div>

  </div>
</template>

<script>
// eslint-disable-next-line camelcase
import top_bar from './components/topbar.vue'
import sidebar from './components/sidebar.vue'
// eslint-disable-next-line camelcase
// eslint-disable-next-line camelcase
import batch_allocation_of_dormitories from './pages/accommodationManagement/accommodationAdjustments/batchAllocation.vue'
export default {
  name: 'Leader',
  data () {
    return {
      name: '分管领导'
    }
  },
  components: {
    batch_allocation_of_dormitories,
    sidebar,
    top_bar
  },
  methods: {
    handleSelect (key, keyPath) {
      console.log(key, keyPath)
    }
  }
}
</script>

<style scoped>
.flex-container {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.container {
  display: flex;
  flex: 1;
}

.navigation_bar-container {
  width: 16%;
}
</style>
